.list{ width:100%; max-width:640px; min-height:100%; padding-top:50px; padding-bottom:60px;}
.userCenter{ padding-top:0px;}
.bannerPanel{ padding:0px;background-color:#fff; border-bottom:1px solid #e6e6e6;}
.bannerPanel img{ display:block;}

/*userinfo*/
.userInfo{ position:relative;}
.userInfo .bannerUser img{ display:block;}
.userInfo .avatar{ position:absolute; height:80px; left:5%; top:45%; margin-top:-50px; width:90%;}
.userInfo .avatar .avatarPic{ position:absolute; width:52px; height:52px; top:5px; left:20px;}
.userInfo .avatar .avatarPic a{ display:block; width:50px; height:50px; padding:1px; background:#fff; border-radius:50%; overflow:hidden; margin:0px auto;}
.userInfo .avatar .avatarPic a img{ width:50px; height:50px; border-radius:50%; overflow:hidden;}
.userInfo .avatar .name{ margin-left:90px; text-align:left; height:20px; line-height:20px; margin-top:10px; font-size:14px; color:#fff; font-weight:normal; }
.userInfo .avatar .sign{ margin-left:90px; text-align:left; height:20px; line-height:20px; margin-top:5px; font-size:12px; color:#fff; font-weight:normal; }

/*InfoPanel*/
.userNavTab{ background:rgba(0,0,0,0.2); margin-top:-54px; position:relative; padding:5px 0px;}
.userNavTab .tab{ overflow:hidden;}
.userNavTab .tab a{ float:left; width:33.3%; border-left:1px solid #a8d77a; margin-left:-1px; text-align:center; padding:2px 0px;}
.userNavTab .tab a em{ display:block; color:#fff; height:20px; line-height:20px; font-size:14px; font-style:normal;}
.userNavTab .tab a span{ display:block; color:#fff; height:20px; line-height:20px; font-size:14px;}

/*InfoPanel*/
.InfoPanel{ background-color:#fff;}
.inputPanel{ margin-top:10px; min-height:30px; overflow:hidden;}
.inputPanel .txtPanel{ position:relative; padding:10px 0px; border-top: #dbdbdb 1px solid; margin-left:15px; margin-right:15px; margin-top:-1px;}
.inputPanel .txtPanel .unit{ position:absolute; height:30px; line-height:30px; top:0px; right:0px; color:#8c8c8c; padding-right:7px;}
.inputPanel .txtPanel .title{ position:absolute; height:30px; line-height:30px; top:10px; width:80px; color:#565656; font-size:16px; text-align:left;}
.inputPanel .txtPanel .text,.inputPanel .txtPanel textarea{ 
	width:100%; 
	display:block; 
	color:#565656; 
	height:30px; 
	line-height:30px; 
	text-align:right; 
	overflow:hidden;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline: 0;
	background:transparent;
	-webkit-transition: box-shadow .5s;
	font-size:16px;
    }
.inputPanel .txtPanel textarea{ height:auto; text-align:left; margin-left:80px; width:70%;}
.inputPanel .txtPanel .text a{ display:block; color:#a5a5a5; padding-right:30px; background:url(../img/ArrowRightWhite.png) no-repeat right 7px; background-size:auto 16px; }
.inputPanel.avatar .txtPanel .title{ top:40px;}
.inputPanel.avatar .txtPanel .text{ height:80px;}
.inputPanel.avatar .txtPanel .text a{ background-position:right 30px;}

.userCenter .inputPanel .txtPanel .text a{ text-align:left; display:block; height:30px; line-height:30px; color:#333;}
.userCenter .inputPanel .txtPanel .text a img{ width:22px; height:22px; border-radius:4px; position:relative; top:5px; margin-right:6px;}
.userCenter .inputPanel .txtPanel.Ico01 .text span{ position:absolute; top:11px; right:15px; color:#999; font-size:14px;}


.OrderTab { width:100%;}
.OrderTab ul{border-top:1px solid #e5e5e5; padding:8px 0px; overflow:hidden; zoom:1;}
.OrderTab ul li{float:left; width:25%; text-align:center; margin-left:-1px;}
.OrderTab ul a{ display:block;}
.OrderTab ul a .pic{ width:40px; height:32px; line-height:32px; border-radius:50%; font-weight:bold; color:#666; margin:0px auto; position:relative;}
.OrderTab ul a .pic.ico01{ background:url(../img/Ico_Order_01.png) no-repeat center center; background-size:auto 24px; }
.OrderTab ul a .pic.ico02{ background:url(../img/Ico_Order_02.png) no-repeat center center; background-size:auto 24px; }
.OrderTab ul a .pic.ico03{ background:url(../img/Ico_Order_03.png) no-repeat center center; background-size:auto 24px; }
.OrderTab ul a .pic.ico04{ background:url(../img/Ico_Order_04.png) no-repeat center center; background-size:auto 24px; }
.OrderTab ul a .pic img{ height:100%; width:auto;}
.OrderTab ul a .topic{ font-size:14px; margin-top:0px; color:#808080;}
.OrderTab ul a .pic span{ position:absolute; display:block; top:0px; right:-8px; width:12px; height:12px; line-height:12px; text-align:center; color:#f07; font-size:12px; border:1px solid #f07; background:#fff; border-radius:50%;}

.groupPanel{ margin-top:9px;}
.groupPanel ul{ overflow:hidden; zoom:1;}
.groupPanel ul li{ width:50%; position:relative; background:#fff; float:left; padding:5px 0px; border-left:2px solid #ececec; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-left:-2px;}
.groupPanel ul li img{ display:block; color:#333; position:absolute; width:30px; height:30px; top:15px; left:60px; margin-left:-40px;}
.groupPanel ul li span{ display:block; height:25px; line-height:25px; color:#333; margin-left:60px; font-size:14px;}
.groupPanel ul li em{ display:block; height:25px; line-height:25px; font-style:normal; color:#999; margin-left:60px; font-size:12px;}

.hotline{ color:#999; text-align:center; height:30px; line-height:30px; margin-top:10px;}
.hotline i{ color:#f4a829; font-style:normal;}

.setting dl dt{ background:#f0f0f0; height:30px; line-height:30px; padding:5px 10px;}
.setting dl dd { overflow:hidden;}
.setting dl dd ul{ background:#fff; margin-top:-1px;}
.setting dl dd ul li{ height:34px; line-height:34px; border-top:1px solid #e6e6e6; margin:0px 10px; position:relative;}
.setting dl dd ul li span{ color:#323232;}
.setting dl dd ul li .switch{ position:absolute; top:6px; right:0px; width:35px; height:20px; line-height:20px; font-size:18px; border-radius:20px; cursor:pointer; overflow:hidden; zoom:1;}
.setting dl dd ul li .switch em{ display:block; width:18px; height:18px; border-radius:50%;}
.setting dl dd ul li .switch.open{ border:1px solid #4cd964; background-color:#4cd964;}
.setting dl dd ul li .switch.open em{ float:right; border:1px solid #fff; background-color:#fff;}
.setting dl dd ul li .switch.close{ border:1px solid #e3e3e3; background-color:#e3e3e3;}
.setting dl dd ul li .switch.close em{ float:left; border:1px solid #fff; background-color:#fff;}

.favorites ul { background-color:#fff; overflow:hidden;}
.favorites ul li{ margin-bottom:10px; position:relative; margin-top:-1px;}
.favorites ul li a{ display:block; margin:0px 15px; position:relative; overflow:hidden; border-top:1px solid #d9d9d9; padding-left:90px; padding-top:10px; padding-bottom:10px; height:80px; background-color:#fff;}
.favorites ul li a img{ position:absolute; left:0px; top:15px; width:80px; height:80px;}
.favorites ul li a .ProName{ max-height:25px; line-height:25px; font-size:16px; overflow:hidden;}
.favorites ul li a .price{ max-height:25px; line-height:25px; margin-top:2px; overflow:hidden;}
.favorites ul li a .price span{ color:#e93967;}
.favorites ul li a .price del{ font-size:12px; margin-left:5px; color:#999;}
.favorites ul li a .Count{ max-height:25px; line-height:25px; margin-top:2px; color:#666; overflow:hidden;}
.favorites ul li a .Count em{ font-style:normal; color:#f60; padding:0px 3px;}
.favorites ul li .praise{ position:absolute; width:20px; height:20px; right:20px; top:50px; text-indent:-999em; overflow:hidden; color:#fff; font-size:1.5em; background: url("../img/praise.png") no-repeat; background-size: 20px auto;}
.favorites ul li .delete{ position:absolute; margin:0px; padding:0px; border:0px; width:20px; height:20px; right:20px; top:50px; text-indent:-999em; overflow:hidden; color:#fff; font-size:1.5em; background: url("../img/Delete.png") no-repeat; background-size: auto 20px;}
/*search*/
.searchBar{ width:100%; max-width:640px; padding-top:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f4f4f4; margin-top:10px; padding:12px 0px; position:relative;}
.searchBar .searchInput{ margin-left:10px; margin-right:25px; position:relative;}
.searchBar input[type=text]{ border-radius: 34px; display:block; width:100%; padding-left:15px; height:40px; line-height:40px; margin:0px auto; font-size:16px; border: 1px solid #e6e6e6;}
.searchBar input[type=text]:hover,.search input[type=text]:focus,.search input[type=password]:hover,input[type=password]:focus{ border: 1px solid #56b4ef; box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); -webkit-transition: box-shadow .5s;}
.searchBar input::-webkit-input-placeholder { color: #999; -webkit-transition: color .5s;}
.searchBar input:focus::-webkit-input-placeholder,.search input:hover::-webkit-input-placeholder { color: #c2c2c2; -webkit-transition: color .5s;}
.searchBar input[type=button]{ -webkit-appearance: none; position:absolute; right:-15px; top:1px; width:40px; height:40px; background:url(../img/search.png) no-repeat 10px 10px; background-size:auto 20px;}